<!-- transfers.html (修改后) -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>转账</title>
  <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
  <script src="{{ url_for('static', filename='js/transfers.js') }}"></script>
</head>
<body>
  <div class="container">
    <header class="header">
      <button class="back-btn" onclick="window.history.back()">←</button>
      <h2>转账</h2>
    </header>
    
    <div class="section">
      <div class="form-group">
        <label>选择收款人：</label>
        <select id="receiver">
          <option value="">请选择好友</option>
          <option value="张三">张三</option>
          <option value="李四">李四</option>
          <option value="王五">王五</option>
          <option value="赵六">赵六</option>
        </select>
      </div>
      <div class="form-group">
        <label>转账金额：</label>
        <div style="display: flex; align-items: center; gap: 10px;">
          <input type="number" id="transfer-amount" step="0.01" min="0.01" placeholder="0.00">
          <span>元</span>
        </div>
      </div>
      <div class="form-group">
        <label>转账备注：</label>
        <input type="text" id="remark" placeholder="请输入备注">
      </div>
      <button onclick="confirmTransfer()" style="width: 100%;">确认转账</button>
    </div>
  </div>
</body>
</html>